<template>
	<Layout icon="home">
		<template #title>评价成功</template>
		<view class="inline-flex fill column aic comment-success">
			<image class="comment-success__icon" src="/static/image/comment/comment-success.png"></image>
			<view class="comment-success__text">感谢您的评价！</view>

			<u-button type="primary" size="medium" plain style="margin-top: 120rpx;" @click="tapToHome">返回首页</u-button>
		</view>
	</Layout>
</template>

<script setup lang="ts" name="CommentSuccess">
	import Layout from '@/components/layout/layout.vue';
	function tapToHome() {
		uni.switchTab({
			url: '/pages/index/index'
		});
	}
</script>

<style lang="scss">
	.comment-success {
		padding-top: 155rpx;

		&__icon {
			width: 162rpx;
			height: 193rpx;
		}

		&__text {
			padding-top: 28rpx;
			color: #000000;
			text-align: center;
			font-family: "PingFang SC";
			font-size: 36rpx;
			font-style: normal;
			font-weight: 500;
			line-height: normal;
		}
	}
</style>